<template>
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="/">
                    <img src="/layouts/logo.png" class=" " style="height: 40px;width: 40px;">
                </a>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">

</script>

<style scoped>
.header {
    /* position: fixed;
    top: 0;
    left: 0; */
    width: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;

    .container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 80%;
    }
}

@media (min-width: 1024px) {}
</style>
